/*===================== 重置样式 START =====================*/
@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{margin:0; padding:0;}
li{list-style: none;}
a{text-decoration: none;background: transparent;outline: none;color:#000;display: block;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.factory_box ul li .title:after, .about_two .button1 i, .product_box ul li .title, .product_box ul li .line, .product_son .line, .news_box li .view:before, a:hover, .tran, img, .news_box li h3, .product_son .title:before, .product_son .title:after, .news_box li .view, .about_three .div h6{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.upp{text-transform:uppercase;}
.middle_box{display: table;width: 100%;height: 100%;}
.middle_box .middle{display: table-cell;vertical-align: middle;width: 100%;}
.tac{text-align: center;font-size:0;}
.dib{display: inline-block;vertical-align: top;}
.img{overflow: hidden;position: relative;}
.img:hover img, .news_box ul li:hover img, .product_box ul li:hover img{-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);}
img{ border: 0;vertical-align: middle;width:100%;display: block;}
/*table{ border-collapse: collapse; border-spacing: 0;}*/
input,textarea{ -webkit-user-modify: read-write-plaintext-only;outline-style: none;border:none;font-size:16px;font-family:"Microsoft JhengHei";}
input::-moz-placeholder, textarea::-moz-placeholder {color: #fff;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #fff;} 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#fff;}
html::-webkit-scrollbar{width:5px;height:5px;background-color:#fff;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#fff;}
html::-webkit-scrollbar-thumb{border-radius:50px;width:5px;height:5px;background-color:#003876;}
textarea{resize:none;overflow:auto;}
input{padding-top:0;padding-bottom:0;};
select,input{vertical-align:middle;}
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.clear::before, .clear::after { content: "";display: table; } 
.clear::after{clear: both;}
.fl{float: left;}
.fr{float: right;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
body{font-family:"Microsoft JhengHei";font-size:16px;color:#333;background-color: #fff;word-break: break-all;word-wrap: break-word;text-align: justify;}
.inner{width:1600px;margin:0 auto;position: relative;}
.oh{overflow: hidden;}
.wap_show{display: none;}
.wap_none{display: block;}
#uc_recommend_ad{display: none !important;}
@font-face{
	font-family:"font";
	src:url(../font/BAHNSCHRIFT.TTF);
}
/*===================== 重置样式 END =====================*/

/*===================== 公用样式 START =====================*/

/* 顶部导航 */
.header{position: fixed;top:0;left:0;width:100%;height:96px;line-height:96px;background-color:rgba(0,0,0,.5);z-index:999999;}
.header img{height:76px;margin-top:10px;width:auto;}
.header ul li{float: left;width:100px;}
.header ul li a{position: relative;color:#fff;text-align: center;-webkit-transition: 0s;-o-transition: 0s;-ms-transition: 0s;-moz-transition: 0s;transition: 0s;}
.header ul li a:after{content:"";position: absolute;bottom:0;left:0;width:100%;height:0;background-color: #fff;}
.header ul li a:hover:before{visibility: visible;transform: scaleY(1);-webkit-transform: scaleY(1);-moz-transform: scaleY(1);transform-origin: 0 0;-webkit-transform-origin: 0 0;}
.header ul li a:before {content: "";width: 100%;height: 100%;background: #fff;position: absolute;left: 0;top:0;z-index:-1;transition: transform 0.5s,visibility 0.5s;visibility: hidden;transform: scaleY(0);-webkit-transform: scaleY(0);-moz-transform: scaleY(0);transform-origin: 100% 0;-webkit-transform-origin: 100% 0;}
.header ul li a:hover{color:#003876;}
.header ul li a.active:after{height:3px;}
.header.change{height:66px;line-height:66px;background-color:rgba(0,0,0,.75);}
.header.change img{height:46px;}
.header .lang{margin-left:50px;}
.header .lang a{display: inline-block;color:#fff;-webkit-transition: 0s;-o-transition: 0s;-ms-transition: 0s;-moz-transition: 0s;transition: 0s;}
.header .lang i{display: inline-block;width:1px;height:10px;background-color: #fff;margin:0 10px;}
.header .lang a:hover, .header .lang a.active{color:#fe8f0a;}
/* 顶部导航 */

/* 底部 */
.footer_top{position: relative;}
.footer_top .bg{width:100%;height: 100%;position: absolute;right:0;top:0;background: #fff;z-index: 101;}
.footer_top.on .bg{animation: footer_top 1s 0.4s ease-in-out forwards;-webkit-animation: footer_top 1s 0.4s ease-in-out forwards;-moz-animation: footer_top 1s 0.4s ease-in-out forwards;-o-animation: footer_top 1s 0.4s ease-in-out forwards;}
@-moz-keyframes footer_top{0%{width:100%;}100%{width:0;}}
@-webkit-keyframes footer_top{0%{width:100%;}100%{width:0;}}
@-o-keyframes footer_top{0%{width:100%;}100%{width:0;}}
@keyframes footer_top{0%{width:100%;}100%{width:0;}}
.footer_top .img{width:50%;float: left;}
.footer_top .middle{padding-left:10%;color:#fff;position: absolute;left:0;top:50%;-webkit-transform: translate(0,-50%);-o-transform: translate(0,-50%);-moz-transform: translate(0,-50%);transform: translate(0,-50%);}
.footer_top strong{display: block;font-size:30px;}
.footer_top .call{font-family:"impact";font-size:40px;margin:20px 0;}
.footer_top .call i{margin-right:20px;display: inline-block;vertical-align: middle;width:35px;height:36px;background:url(../images/e1.png) center no-repeat;}
.footer_top .but{position: relative;z-index:10;width:158px;height:40px;background-color:#003876;line-height:40px;font-size:16px;color:#fff;text-align: center;}
.footer_top .but:before {content: "";width: 100%;height: 100%;background: #fe8f0a;position: absolute;left: 0;bottom:0;z-index:-1;transition: transform 0.5s,visibility 0.5s;visibility: hidden;transform: scaleX(0);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform-origin: 100% 0;-webkit-transform-origin: 100% 0;}
.footer_top .but:hover:before{visibility: visible;transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0 0;-webkit-transform-origin: 0 0;}
.footer{background-color: #2e2e2e;padding:60px 0;}
.f_one p{line-height:36px;color:#fff;}
.f_two{width:400px;margin-left:100px;}
.f_two .str, .f_one .str{display: block;font-size:26px;color:#fe8f0a;margin-bottom:20px;}
.f_two a{float: left;width:33.33%;color:#fff;line-height:32px;}
.f_two a:hover{color:#fe8f0a;}
.footer .form{width:700px;}
.footer .form input.inp, .footer .form .yzm{border-bottom:1px solid #454545;width:48%;background:none;height:50px;line-height:50px;color:#fff;}
.footer .form .tex{margin-top:20px;width:100%;background:none;height:120px;border-bottom:1px solid #454545;color:#fff;}
.footer .mt{margin-top:20px;}
.footer .form .yzm_box{width:48%;}
.footer .form .yzm{display: inline-block;}
.footer .yzm_code{float: right;height:51px;width:auto;vertical-align: top;}
.footer .sub{cursor:pointer;width:48%;height:51px;background-color: #fe8f0a;color:#fff;border:none;}
.footer .sub:hover{background-color: #003876;}
.footer .form input:hover, .footer .form .tex:hover{border-color:#fe8f0a;}
.copyright{text-align: center;font-size:0;background-color: #1d1d1d;height:50px;line-height:50px;}
.copyright a, .copyright span{font-size:14px;display: inline-block;vertical-align: top;color:#fff;margin:0 15px;}
.copyright img{width:auto;display: inline-block;height:36px;vertical-align:top;margin-top:7px;}
/* 底部 */

/* 顶部大图 */
.top_banner{overflow: hidden;position: relative;}
.top_banner .bg{position: absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,56,118,0.35);z-index:1;}
.top_banner img{position: relative;max-width:none;-webkit-transition: 2s;-o-transition: 2s;-ms-transition: 2s;-moz-transition: 2s;transition: 1s;}
.tb_title{position: absolute;z-index:10;top:50%;left:0;width:100%;-webkit-transform: translate(0,-50%);-o-transform: translate(0,-50%);-moz-transform: translate(0,-50%);transform: translate(0,-50%);text-align: center;color:#fff;}
.tb_title h3{font-weight:bold;font-size:60px;}
.tb_title em{font-size:30px;font-family: "font";}
#mouse{position:absolute;z-index:129;right:50%;bottom:36px;margin-right:-9px;width:16px;height:26px;border-radius:9px;border:2px solid #fff;cursor:pointer}
#mouse:before{content:"";position:absolute;top:4px;left:50%;margin-left:-1px;width:2px;height:6px;background:#fff;-webkit-animation:mouse 2s infinite;-moz-animation:mouse 2s infinite;animation:mouse 2s infinite}
@-webkit-keyframes mouse{
0%{opacity:1}
	100%{-webkit-transform:translateY(8px);transform:translateY(8px);opacity:0}
}
@-moz-keyframes mouse{
	0%{opacity:1}
	100%{-moz-transform:translateY(8px);transform:translateY(8px);opacity:0}
}
@keyframes mouse{
	0%{opacity:1}
	100%{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px);opacity:0}
}
.top_banner.article h3{font-size:40px;margin-bottom:20px;}
.top_banner.article em{font-size:20px;}
/* 顶部大图 */

/* 新闻子栏目 */
.inner_son_nav{height:80px;line-height:80px;background-color: #003876;}
.inner_son_nav a{color:#fff;font-size:18px;display: inline-block;vertical-align: top;padding:0 26px;position: relative;z-index:10;}
.inner_son_nav a:hover, .inner_son_nav a.active{color:#003876;font-weight:bold;}
.inner_son_nav a:hover:before, .inner_son_nav a.active:before{visibility: visible;transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0 0;-webkit-transform-origin: 0 0;}
.inner_son_nav a:before {content: "";width: 100%;height: 100%;background: #fff;position: absolute;left: 0;bottom:0;z-index:-1;transition: transform 0.5s,visibility 0.5s;visibility: hidden;transform: scaleX(0);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform-origin: 100% 0;-webkit-transform-origin: 100% 0;}
/* 新闻子栏目 */

/* 翻页 */
.moon_page{margin-top:60px;text-align: center;font-size:0;padding-top:30px;border-top:1px solid #f1f1f1;}
.moon_page a{display: inline-block;position: relative;z-index:10;vertical-align: top;font-size:14px;padding:5px 8px;border:1px solid #003876;margin:0 5px;}
.moon_page a.page-num-current{background-color: #003876;color:#fff;border-color:#003876;}
.moon_page a:before {content: "";width: 100%;height:100%;background: #003876;position: absolute;left: 0;bottom:0;z-index:-1;transition: transform 0.5s,visibility 0.5s;visibility: hidden;transform: scaleX(0);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform-origin: 100% 0;-webkit-transform-origin: 100% 0;}
.moon_page a:hover:before{visibility: visible;transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0 0;-webkit-transform-origin: 0 0;}
.moon_page a:hover{color:#fff;}
/* 翻页 */

.pub_title{text-align: center;padding:60px 0;}
.pub_title h3{font-size:36px;color:#333;font-weight:300;}
.pub_title h3 strong{color:#003876;}
.pub_title i{display: inline-block;vertical-align: middle;width:5px;height:5px;background-color: #333;margin:0 10px;border-radius:50%;}
.pub_title p{display: inline-block;padding:0 30px;color:#535353;font-size:16px;line-height:50px;position: relative;}
.pub_title p:after, .pub_title p:before{content:"";position: absolute;top:25px;width:60px;height:2px;background-color: #003876;}
.pub_title p:after{right:-60px;}
.pub_title p:before{left:-60px;}

.content_box{position: relative;overflow: hidden;}
.content_box.on{transform:translateX(120px);-webkit-transform:translateX(120px);-ms-transform:translateX(120px);-moz-transform:translateX(120px);-o-transform:translateX(120px);}

.wap_button{cursor:pointer;position: fixed;width:30px;right:12px;top:5px;z-index:99999999999;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.wap_button span{width:30px;height:3px;background-color:#fff;display: block;margin:8px auto 0;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.wap_button.on{-webkit-animation: small_big 0.6s forwards;animation: small_big 0.6s forwards;}
@keyframes small_big{0%, 100%{-webkit-transform: scale(1);transform: scale(1);}50%{-webkit-transform: scale(0);transform: scale(0);}}
@-webkit-keyframes small_big{0%, 100%{-webkit-transform: scale(1);transform: scale(1);}50%{-webkit-transform: scale(0);transform: scale(0);}}
.wap_button.on .line:nth-child(2){opacity:0;}
.wap_button.on .line:nth-child(1){-webkit-transform: translateY(11px) rotate(45deg);transform: translateY(11px) rotate(45deg);}
.wap_button.on .line:nth-child(3){-webkit-transform: translateY(-11px) rotate(-45deg);transform: translateY(-11px) rotate(-45deg);}

.wap_call{width:40px;height:40px;position: fixed;right:62px;top:5px;z-index:99999999999;text-align: center;}
.wap_call img{display: inline-block;width:28px;margin:6px auto 0;}
.wap_call img:nth-of-type(2){position: absolute;left:50%;margin-left:-16px;-webkit-animation:call 1.5s infinite;animation:call 1.5s infinite;}
@-webkit-keyframes call{
	from{-webkit-transform:scale(1);opacity:1;}
	to{-webkit-transform:scale(1.6);opacity:0;}
}
@keyframes call{
	from{-webkit-transformscale(1);opacity:1;}
	to{-webkit-transform:scale(1.6);opacity:0;}
}

.wap_nav{width:120px;height:100%;background-color:#fff;position: fixed;left:-120px;top:0;padding:12px;box-sizing: border-box;}
.wap_nav.on{left:0;}
.wap_nav img{width:auto;margin:0 auto;}
.wn_list{margin-top:1rem;}
.wn_list li a{font-size:14px;height:38px;line-height:38px;border-bottom:1px solid #F1F1F1;text-align: left;}
.wn_list li a.active{border-color:#003876;color:#003876;}

.fixed-right{position: fixed;right:2%;bottom:10%;width:52px;z-index:999;}
.fixed-right .jm-top, .fixed-right .jm-call{width:50px;height:50px;border-radius:50%;}
.fixed-right .jm-top{cursor:pointer;background:rgba(0,56,118,0.65) url(../images/top.png) center/70% no-repeat;}
.fixed-right .jm-call{display: none;margin-top:10px;background:rgba(0,56,118,0.65) url(../images/wap_call.png) center/70% no-repeat;}

/*===================== 公用样式 END =====================*/

/*===================== 首页 START =====================*/

/* 轮播图 */
.banner .bl, .banner .br{width:50px;height:50px;border-radius:50%;border:1px solid #003876;}
.banner .bl{background:url(../images/banner_r.png) center no-repeat;right:20px;}
.banner .br{background:url(../images/banner_l.png) center no-repeat;left:20px;}
.banner .bl:hover{background:#003876 url(../images/banner_r_h.png) center no-repeat;}
.banner .br:hover{background:#003876 url(../images/banner_l_h.png) center no-repeat;}
.swiper-pagination-bullet-active{background-color:#003876 !important;border-color:#003876 !important;}

/* 产品分类 */
.index_pro{background-color: #f5f5f5;padding-bottom:60px;}
.index_pro .list{width:84%;}
.index_pro .list a{float: left;font-size:18px;color:#333;position: relative;z-index:10;padding-right:30px;margin-bottom:20px;}
.index_pro .list a:after{content:"/";position: absolute;right:12px;top:4px;font-size:12px;}
.index_pro .list a:hover{font-weight:bold;color:#003876;}
.index_pro .more{width:15%;background-color: #ccc;background-color: #fe8f0a;color:#fff;position: absolute;right:0;top:-50px;z-index:88;}
.index_pro .pad{padding:20px;}
.index_pro .more .upp{font-family:"font";font-size:40px;line-height:50px;display: block;}
.index_pro .more span{display: block;font-size:16px;margin:20px 0;}
.index_pro .a{height:72px;background-color: #fff;overflow: hidden;position: relative;z-index:99;}
.index_pro .a a{position: relative;z-index:10;height:42px;width:70%;border:1px solid #888888;text-align: center;color:#888888;line-height:42px;margin:15px auto 0;}
.index_pro .a a:before {content: "";width: 100%;height:100%;background: #fe8f0a;position: absolute;left: 0;bottom:0;z-index:-1;transition: transform 0.5s,visibility 0.5s;visibility: hidden;transform: scaleX(0);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform-origin: 100% 0;-webkit-transform-origin: 100% 0;}
.index_pro .a a:hover:before{visibility: visible;transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0 0;-webkit-transform-origin: 0 0;}
.index_pro .a a:hover{color:#fff;border-color:#fe8f0a;}
.index_pro .mt{margin-top:63px;}
.so_banner .swiper-slide{width:1200px;}
.so_banner .swiper-button-prev{position: absolute;width:50%;height:100%;left:-600px;top:0;background-color:rgba(0,56,118,0.6);margin-top:0;z-index:99;transition: 0.2s;}	
.so_banner .swiper-button-prev:before{	content: '';position: absolute;width:64px;height: 64px;background: url(../images/arrow_left.png) no-repeat center/80%;left: 90%;top: 50%;margin-top: -32px;}
.so_banner .swiper-button-next{position: absolute;width:50%;height:100%;right:-600px;top:0;background-color:rgba(0,56,118,0.6);margin-top:0;z-index:99;transition: 0.2s;}
.so_banner .swiper-button-next:after{content: '';position: absolute;width:64px;height:64px;background: url(../images/arrow_right.png) no-repeat center/80%;right: 90%;top: 50%;margin-top: -32px;}
.so_banner img{width:auto;}
.so_banner .ele{position: relative;height:450px;}
.so_banner .info{width:600px;height:450px;background-color: #fff;}
.so_banner .swiper-slide-next img{width:auto;position: absolute;left:0;top:0;}
.so_banner .middle{padding:50px;opacity:0;visibility: hidden;position: relative;left:0;top:100px;-o-transition-delay:0.3s;-moz-transition-delay:0.3s;-webkit-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;}
.so_banner .middle h3{font-size:24px;color:#fe8f0a;line-height:44px;}
.so_banner .middle strong{font-family:"font";display: block;font-size:12px;color:#969696;}
.so_banner .middle p{font-size:16px;line-height:28px;color:#5d5d5d;margin:30px 0;}
.so_banner .middle em{position: relative;z-index:10;overflow: hidden;display: block;width:142px;height:36px;border:1px solid #919191;border-radius:80px;text-align: center;line-height:36px;color:#4e4e4e;font-family:"font";font-style:normal;}
.so_banner .middle em:before {content: "";width: 100%;height:100%;background: #003876;position: absolute;left: 0;bottom:0;z-index:-1;transition: transform 0.5s,visibility 0.5s;visibility: hidden;transform: scaleX(0);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform-origin: 100% 0;-webkit-transform-origin: 100% 0;}
.so_banner .middle em:hover:before{visibility: visible;transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0 0;-webkit-transform-origin: 0 0;}
.so_banner .middle em:hover{color:#fff;}
.swiper-slide.swiper-slide-active .middle{opacity:1;visibility: visible;top:0;}

/* 产品上滚动 */
.index_scroll{margin:60px auto;}
#top_scroll {height:700px;overflow: hidden;margin:0 auto;}
#top_scroll ul li{float: left;width:32.33%;margin:0.5%;}
#top_scroll ul li .block{opacity:0;visibility: hidden;position: absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,56,118,0.75);text-align: center;}
#top_scroll ul li .scale{padding:15% 10% 0;text-align:left;opacity:0;visibility: hidden;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5);}
#top_scroll ul li .scale .t{color:#fff;font-size:20px;font-weight:bold;line-height:30px;height:60px;overflow: hidden;}
#top_scroll ul li .scale i{display: block;width:14px;height:2px;margin:18px 0;background-color: #fff;}
#top_scroll ul li:hover .title{bottom:-50px;}
#top_scroll ul li:hover .block{opacity:1;visibility: visible;}
#top_scroll ul li:hover .scale{opacity:1;visibility: visible;-webkit-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
#top_scroll ul li strong{color:#fff;font-size:18px;display: block;margin-top:20px;}
#top_scroll ul li h3{font-size:16px;color:#333;height:40px;line-height:40px;text-align: center;}
#top_scroll ul li:hover h3{color:#003876;}

/* 关于我们 */
.index_about .title{height:466px;color:#fff;background:url(../images/a3.jpg) center top/cover no-repeat;position: relative;}
.index_about .title:before{content: "";width:100%;height: 100%;position: absolute;right:0;top:0;background: #fff;z-index: 101;}
.index_about .title.on:before{animation: scroll_right 1s 0.4s ease-in-out forwards;-webkit-animation: scroll_right 1s 0.4s ease-in-out forwards;-moz-animation: scroll_right 1s 0.4s ease-in-out forwards;-o-animation: scroll_right 1s 0.4s ease-in-out forwards;}
@-moz-keyframes scroll_right{0%{width:100%;}100%{width:0;}}
@-webkit-keyframes scroll_right{0%{width:100%;}100%{width:0;}}
@-o-keyframes scroll_right{0%{width:100%;}100%{width:0;}}
@keyframes scroll_right{0%{width:100%;}100%{width:0;}}
.index_about .title h4{font-size:44px;}
.index_about .title p{font-size:18px;color:#fff;margin:26px 0;}
.index_about .title .more{width:152px;height:40px;line-height:40px;text-align: center;color:#fff;font-size:16px;background-color:#fe8f0a;}
.index_about .title .more:hover, .right_div .more:hover{background-color: #003876;}
.index_about .w50{width:50%;float: left;}
.left_div{height:850px;position: relative;background:url(../images/a1.jpg) left bottom/cover no-repeat;}
.left_div:before{content: "";width:100%;height:100%;position: absolute;right:0;top:0;background: #fff;z-index: 101;}
.left_div.on:before{animation: scroll_top 1s 0.4s ease-in-out forwards;-webkit-animation: scroll_top 1s 0.4s ease-in-out forwards;-moz-animation: scroll_top 1s 0.4s ease-in-out forwards;-o-animation: scroll_top 1s 0.4s ease-in-out forwards;}
@-moz-keyframes scroll_top{0%{height:100%;}100%{height:0;}}
@-webkit-keyframes scroll_top{0%{height:100%;}100%{height:0;}}
@-o-keyframes scroll_top{0%{height:100%;}100%{height:0;}}
@keyframes scroll_top{0%{height:100%;}100%{height:0;}}
.right_div{background-color: #003876;margin-top:-140px;height:990px;position: relative;}
.right_div:before{content: "";width:100%;height:100%;position: absolute;right:0;bottom:0;background: #fff;z-index: 101;}
.right_div.on:before{animation: scroll_bottom 1s 0.4s ease-in-out forwards;-webkit-animation: scroll_bottom 1s 0.4s ease-in-out forwards;-moz-animation: scroll_bottom 1s 0.4s ease-in-out forwards;-o-animation: scroll_bottom 1s 0.4s ease-in-out forwards;}
@-moz-keyframes scroll_bottom{0%{height:100%;}100%{height:0;}}
@-webkit-keyframes scroll_bottom{0%{height:100%;}100%{height:0;}}
@-o-keyframes scroll_bottom{0%{height:100%;}100%{height:0;}}
@keyframes scroll_bottom{0%{height:100%;}100%{height:0;}}
.right_div .middle{padding:0 10%;color:#fff;}
.right_div .ab{width:auto;}
.right_div h2{font-size:26px;margin:14px 0;}
.right_div .line{width:102px;height:2px;background-color: #fff;}
.right_div .more{width:180px;height:38px;line-height:38px;color:#fff;text-align: center;background-color: #fe8f0a;border-radius:80px;margin-top:60px;}
.right_div .text{line-height:28px;padding:50px 0;}
.right_div .num_top{text-align: center;font-size:0;}
.right_div .dib{width:33.33%;color:#fe8f0a;}
.right_div .dib strong{font-size:62px;font-family:"font";}
.right_div .dib i{font-size:20px;display: inline-block;vertical-align: top;}
.right_div .dib p{font-size:16px;color:#fff;}

/* 工程案例 */
.index_case{height:650px;background:url(../images/b1.jpg) center/cover no-repeat;background-attachment: fixed;}
.index_case .box{width:85%;float: right;overflow: hidden;height:340px;border-left:6px solid #003876;}
.index_case .text{width:17%;padding:0 4%;}
.index_case .more{display: inline-block;position: relative;font-size:16px;color:#414141;}
.index_case .more:before {content: "";width: 100%;height:3px;background: #003876;position: absolute;left: 0;bottom:-2px;z-index:1;transition: transform 0.5s,visibility 0.5s;visibility: hidden;transform: scaleX(0);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform-origin: 100% 0;-webkit-transform-origin: 100% 0;}
.index_case .more:hover:before{visibility: visible;transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0 0;-webkit-transform-origin: 0 0;}
.index_case .more:hover{color:#003876;}
.index_case .text p{font-size:16px;line-height:30px;margin-top:40px;}
#scroll_two{height:376px;width:75%;position:relative;overflow: hidden;float: left;}
#scroll_two ul{width:100000px;position:absolute;left:0;}
#scroll_two ul li{float: left;width:460px;text-align: center;margin-right:20px;background-color: #fff;}
#scroll_two ul li .title{position: absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,56,118,0.65);text-align: center;opacity:0;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);}
#scroll_two ul li h3{position: absolute;left:0;top:50%;width:94%;font-size:18px;font-weight:bold;padding:0 3%;color:#fff;-webkit-transform: translate(0,-50%);-o-transform: translate(0,-50%);-moz-transform: translate(0,-50%);transform: translate(0,-50%);}
#scroll_two ul li:hover{background-color: #fe8f0a;}
#scroll_two ul li:hover .title{opacity:1;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);}

/* ADVANTAGE */
.index_adv{background:url(../images/c5.png) center bottom/contain no-repeat;padding-bottom:100px;}
.index_adv .title{text-align: center;padding:60px 0;}
.index_adv .title .oh{display: inline-block;vertical-align: middle;}
.index_adv .title img{display: inline-block;vertical-align:middle;width:auto;margin:0 10px;}
.index_adv h3{text-align: center;font-size:36px;color:#fe8f0a;}
.index_adv h3 span{color:#333;}
.index_adv .p{margin:34px 0 60px;text-align: center;font-size:18px;color:#5c5c5c;}
.index_adv .item_box{position: relative;height:676px;}
.index_adv .img_box{position: relative;}
.index_adv .item_box img{position: absolute;left:50%;top:50%;margin:-248px 0 0 -248px;width:auto;}
.index_adv .item_box .rotate{width:684px;height:676px;background:url(../images/c7.png) center/100% no-repeat;margin:0 auto;animation:quan 3s linear infinite;-webkit-animation:quan 3s linear infinite;}
@keyframes quan{0%{-webkit-transform:rotate(0deg);}25%{-webkit-transform:rotate(90deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(270deg);}100%{-webkit-transform:rotate(360deg);}}
@-webkit-keyframes quan{0%{-webkit-transform:rotate(0deg);}25%{-webkit-transform:rotate(90deg);}50%{-webkit-transform:rotate(180deg);}75%{-webkit-transform:rotate(270deg);}100%{-webkit-transform:rotate(360deg);}}
.index_adv .item{position: absolute;}
.index_adv .item span{display: inline-block;vertical-align: middle;width:52px;height:52px;background-color: #fe8f0a;border-radius:50%;text-align: center;line-height:52px;font-family:"font";color:#fff;font-size:26px;}
.index_adv .item strong{font-size:30px;color:#414141;display: inline-block;vertical-align: middle;padding-left:10px;}
.index_adv .item .line{width:100%;height:1px;background-color: #a9a9a9;margin:15px 0;}
.index_adv .item em{font-style:normal;font-family:"font";font-size:16px;color:#6b6b6b;}
.index_adv .item1{top:3%;left:7%;}
.index_adv .item2{top:3%;right:7%;}
.index_adv .item3{top:39%;left:0;}
.index_adv .item4{top:39%;right:0;}
.index_adv .item5{bottom:3%;left:7%;}
.index_adv .item6{bottom:3%;right:7%;}
.index_adv .call{position: relative;z-index:10;margin:100px auto 0;text-align: center;line-height:70px;overflow: hidden;vertical-align: top;width:700px;height:70px;background-color: #003876;border-radius:100px;}
.index_adv .call.shiny{background:linear-gradient(-45deg,#fe8f0a 50%,#003876 60%,#fe8f0a 70%);background-size: 600% 100%;-webkit-animation: shine 20s infinite;animation: shine 20s infinite;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
.index_adv .call span, .index_adv .call a{display: inline-block;vertical-align: top;color:#fff;font-size:22px;font-weight:bold;}
.index_adv .call a{margin:0 8px;}

/* 视频 */
.index_video{height:787px;background:url(../images/d1.jpg) center/cover no-repeat;margin-bottom:80px;}
.index_video .title{text-align: center;color:#fff;padding:75px 0;}
.index_video .title h3{font-size:50px;}
.index_video .title span{display: block;font-size:32px;}
#scroll_one{height:338px;width:100%;position:relative;overflow: hidden;margin:0px auto 0;}
#scroll_one ul{width:100000px;position:absolute;left:0;}
#scroll_one ul li{float: left;width:400px;text-align: center;margin-right:20px;background-color: #fff;}
#scroll_one ul li a{padding:4px 4px 0 4px;}
#scroll_one ul li h3{height:40px;line-height:40px;color:#333;font-weight:300;}
#scroll_one ul li:hover h3{background-color: #fe8f0a;color:#fff;}
#scroll_one ul li:hover{background-color: #fe8f0a;}
.button_three{width:240px;height:54px;line-height:54px;margin:75px auto 0;font-size:18px;overflow: hidden;border-radius:80px;text-align: center;position: relative;z-index:1;color:#fff;}
.button_three::before, .button_three::after{content: attr(data-text);position: absolute;width: 100%;height: 50%;left: 0;background:#fe8f0a;color:#fff;overflow: hidden;-webkit-transition: -webkit-transform .5s;transition: transform .5s;-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);transition-timing-function: cubic-bezier(.2,1,.3,1);}
.button_three::before{top: 0;padding-top:0;}
.button_three::after{bottom: 0;line-height:0;}
.button_three span{display: block;-webkit-transform: scale3d(.2,.2,1);transform: scale3d(.2,.2,1);opacity: 0;-webkit-transition: -webkit-transform .5s,opacity .5s;transition: transform .5s,opacity .5s;-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);transition-timing-function: cubic-bezier(.2,1,.3,1);}
.button_three:hover::before{-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);}
.button_three:hover span{opacity:1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.button_three:hover::after{-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
.button_three:hover{background-color:#003876;color:#fff;}

/* 新闻 */
.index_news strong{display: block;font-size:48px;color:#303030;font-family:"font";}
.index_news h4{font-size:48px;color:#003876;}
.index_news .more{width:152px;height:44px;line-height:44px;margin-top:34px;border-radius:40px;text-align: center;color:#fff;background-color: #fe8f0a;}
.index_news .more:hover{background-color: #003876;}
.index_news ul{margin:50px 0 80px;}
.index_news ul li{float: left;width:31.33%;margin:0 1%;position: relative;overflow: hidden;}
.index_news ul li a{border:1px solid #d6d6d6;padding:50px 34px;}
.index_news ul li .time{color:#fe8f0a;}
.index_news ul li .day{font-size:40px;font-family:impact;}
.index_news ul li .mouth{font-family:"font";font-size:20px;}
.index_news ul li .xian{padding:0 5px;}
.index_news ul li .look{color:#ababab;font-size:14px;font-family:"font";line-height:20px;margin-top:24px;}
.index_news ul li .look i{display: inline-block;vertical-align: middle;margin:-2px 6px 0 0;width:20px;height:20px;background:url(../images/look.png) center/100% no-repeat;}
.index_news ul li h3{font-size:18px;margin:14px 0;}
.index_news ul li p{font-size:14px;line-height:26px;height:78px;overflow: hidden;}
.index_news ul li .line{position: absolute;background-color: #fe8f0a;}
.index_news ul li .line1{top:0;left:0;width:0;height:2px;}
.index_news ul li .line2{top:0;right:0;height:0;width:2px;}
.index_news ul li .line3{bottom:0;right:0;width:0;height:2px;}
.index_news ul li .line4{top:0;left:0;height:0;width:2px;}
.index_news ul li:hover .line1, .index_news ul li:hover .line3{width:100%;}
.index_news ul li:hover .line2, .index_news ul li:hover .line4{height:100%;}

/*===================== 首页 END =====================*/

/*===================== 联系我们 START =====================*/
.contact_box{text-align: center;}
.contact_box .c_title{padding:100px 0 0;}
.contact_box h2{font-size:60px;font-weight:300;}
.contact_box h3{font-size:20px;font-family: "font";line-height:60px;}
.contact_box .c_info{padding:100px 0;}
.contact_box .c_info .dib{width:25%;}
.contact_box .c_info .icon{width:60px;height:60px;border-radius:6px;margin:0 auto;}
.contact_box .c_info span{display: block;font-size:18px;padding:20px 0;}
.contact_box .c_info p{font-size:20px;font-weight:bold;}
.contact_box .c_info .icon.i1{background:#003876 url(../images/i1.png) center/50% no-repeat;}
.contact_box .c_info .icon.i2{background:#003876 url(../images/i2.png) center/50% no-repeat;}
.contact_box .c_info .icon.i3{background:#003876 url(../images/i3.png) center/50% no-repeat;}
.contact_box .c_info .icon.i4{background:#003876 url(../images/i4.png) center/50% no-repeat;}
.contact_box .c_info .dib:hover .icon{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;}
@keyframes beat {
    from, to { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.8, 1.2); transform: scale(0.8, 1.2); }
    50% { -webkit-transform: scale(1.2, 0.8); transform: scale(1.2, 0.8); }
    75% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.8, 1.2); transform: scale(0.8, 1.2); }
    50% { -webkit-transform: scale(1.2, 0.8); transform: scale(1.2, 0.8); }
    75% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
}
@-webkit-keyframes beat {
    from, to { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.8, 1.2); transform: scale(0.8, 1.2); }
    50% { -webkit-transform: scale(1.2, 0.8); transform: scale(1.2, 0.8); }
    75% { -webkit-transform: scale(1, 1.1); transform: scale(1, 1.1); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.8, 1.2); transform: scale(0.8, 1.2); }
    50% { -webkit-transform: scale(1.2, 0.8); transform: scale(1.2, 0.8); }
    75% { -webkit-transform: scale(1, 1.1); transform: scale(1, 1.1); }
}
iframe{border:none;width:100%;height:600px;}
/*===================== 联系我们 END =====================*/

/*===================== 新闻中心 START =====================*/
.news_box{padding:100px 0;}
.news_box ul li, .product_box ul li, .case_box ul li, .video_box ul li, .factory_box ul li{float: left;width:32.33%;margin:0 0.5% 50px;}
.news_box .time{display: block;padding:12px 0;font-family: "font";font-size:12px;color:#727272;}
.news_box li h3{font-size:18px;color:#333;line-height:28px;height:28px;overflow: hidden;}
.news_box li p{font-size:14px;line-height:24px;height:48px;overflow: hidden;margin:12px 0 0;color:#727272;}
.news_box li .view{display:inline-block; color: #cacaca; font-size: 14px; line-height: 1; position: relative; padding-bottom: 9px;font-family: "font"; margin-top:20px; }
.news_box li .view:before{content:"";width: 100%; height: 3px; background: #cacaca; position: absolute; left: 0; bottom: 0;}
.news_box li:hover .view:before {background: #144b9d;width: 0;left: auto;right: 0;}
.news_box li:hover .view, .news_box li:hover h3{color:#003876;}

/* 新闻详情页 */
.news_box_article{padding:100px 0;}
.nba_info{width:76%;line-height:28px;}
.nba_info a{display: inline-block;}
.nba_info img{max-width:100%;width:auto;margin:12px auto;}
.nba_right{width:21%;}
.nba_right .title{font-size:30px;line-height:46px;color:#333;}
.nba_right .line{width:30px;height:3px;background-color: #003876;margin:20px 0;}
.nba_right .ele{font-size:16px;line-height:50px;}
.nba_right .ele.date{margin-bottom:30px;}
.nba_right .page_no{display: inline-block;position: relative;z-index:10;height:40px;line-height:40px;}
.nba_right .page_no:before {content: "";width: 100%;height:3px;background: #003876;position: absolute;left: 0;bottom:8px;z-index:-1;transition: transform 0.5s,visibility 0.5s;visibility: hidden;transform: scaleX(0);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform-origin: 100% 0;-webkit-transform-origin: 100% 0;}
.nba_right .page_no:hover:before{visibility: visible;transform: scaleX(1);-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform-origin: 0 0;-webkit-transform-origin: 0 0;}
.nba_right .page_no:hover{color:#003876;}
/* 新闻详情页 *
/*===================== 新闻中心 END =====================*/

/*===================== 产品中心 START =====================*/
/* 产品子栏目 */
.product_son{text-align: center;font-size:0;padding:50px 0 0;}
.product_son a{position: relative;z-index:10;margin:0 0.5% 20px;overflow: hidden;display: inline-block;vertical-align: top;width:11.5%;height:50px;font-size:16px;font-weight:bold;color:#fff;background-color: #003876;}
.product_son .title{position: absolute;top:50%;left:0;width:94%;padding:0 3%;-webkit-transform: translate(0,-50%);-o-transform: translate(0,-50%);-moz-transform: translate(0,-50%);transform: translate(0,-50%);}
.product_son .title:before, .product_son .title:after{content:'';position: absolute;top:50%;width:0;height:3px;background-color: #fff;}
.product_son .title:before{left:0;}
.product_son .title:after{right:0;}
.product_son a:hover .title:before, .product_son a:hover .title:after, .product_son a.active .title:before, .product_son a.active .title:after{width:8px;}
.product_son a:hover{background-color: #fe8f0a;}
.product_son a.shiny{background:linear-gradient(-45deg,#fe8f0a 50%,#003876 60%,#fe8f0a 70%);background-size: 600% 100%;-webkit-animation: shine 20s infinite;animation: shine 20s infinite;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
@-webkit-keyframes shine {
	0% {background-position-x: 400%}
	50% {background-position-x: 0%}
	100% {background-position-x: -400%}
}
@keyframes shine {
	0% {background-position-x: 400%}
	50% {background-position-x: 0%}
	100% {background-position-x: -400%}
}

/* 产品子栏目 */
.product_box{padding:100px 0;}
.product_box ul li .title{z-index:10;height:80px;line-height:80px;color:#003876;text-align: center;font-weight:bold;font-size:18px;position: relative;}
.product_box ul li .line{position: absolute;bottom:0;left:0;z-index:-1;width:100%;height:3px;background-color: #003876;}
.product_box ul li:hover .line{height:100%;}
.product_box ul li:hover .title{color:#fff;}
.product_box ul li .bg{position: absolute;left:0;top:-100%;width:100%;height:100%;text-align: center;background-color:rgba(0,56,118,0.65);}
.product_box ul li .middle{font-size:20px;color:#fff;font-weight:bold;}
.product_box ul li:hover .bg{top:0;}
.product_box ul li i{display: inline-block;vertical-align: top;width:30px;height:30px;background:url(../images/i2.png) center/cover no-repeat;margin:-2px 8px 0 0;}
/*===================== 产品中心 END =====================*/

/*===================== 工程案例 START =====================*/
.video_box, .factory_box{padding:100px 0;}
.case_box{padding:0 0 100px;}
.case_box ul li .title{position: absolute;top:50%;left:0;z-index:1000;width:100%;text-align: center;color:#fff;font-weight:bold;font-size:18px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.case_box ul li .img:before{content:'';position: absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.35);z-index:10;}
.case_box ul li .bg{position: absolute;left: 0;right:0;bottom:0;top: 0;z-index:88;webkit-transition: all 0.65s ease-out;transition: all 0.65s ease-out;background: -webkit-linear-gradient(180deg, rgba(0,56,118, 0.9), rgba(0,56,118, 0.8), rgba(0,56,118, 0), rgba(0,56,118, 0));background: linear-gradient(270deg, rgba(0,56,118, 0.9), rgba(0,56,118, 0.8), rgba(0,56,118, 0), rgba(0,56,118, 0));background-position: 1% 50%;background-size: 300% 300%;}
.case_box ul li:hover .bg{opacity: 1;visibility: visible;background-position: 99% 50%;}
.case_box ul li:hover .title{display: none;}
.case_box ul li .info{position: absolute;left:0;top:58%;width:100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);z-index:9999;opacity:0;visibility: hidden;text-align: center;}
.case_box ul li:hover .info{opacity:1;visibility: visible;top:50%;}
.case_box ul li .info em, .case_box ul li .info strong, .case_box ul li .info span{font-style: normal;display: block;color:#fff;line-height:40px;} 
/*===================== 工程案例 END =====================*/

/*===================== 视频中心 START =====================*/
.video_box ul li .title{height:80px;line-height:80px;text-align: center;font-size:18px;color:#fff;background-color: #003876;}
.video_box ul li .bg{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.65);}
.video_box ul li .play{position: absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:url(../images/play.png) center/20% no-repeat;}
.video_box ul li .bor{position: absolute;top:50%;left:50%;width:80%;height:80%;border:1px solid #fff;-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border-radius:8px;}
.video_box ul li:hover .bor{width:100px;height:56px;}
/*===================== 视频中心 END =====================*/

/*===================== 厂容厂貌 START =====================*/
.factory_box ul li .title{height:60px;line-height:60px;text-align: center;color:#003876;font-size:18px;position: relative;z-index:10;}
.factory_box ul li .title:after{content:"";position: absolute;top:0;left:0;width:100%;height:0;background-color: #003876;z-index:-1;}
.factory_box ul li:hover .title:after{height:100%;}
.factory_box ul li:hover .title{color:#fff;}
/*===================== 厂容厂貌 END =====================*/

/*===================== 关于我们 START =====================*/
.dn{opacity:0;}
.db{opacity:1;}
.about_one{background:url(../images/about1.jpg) center;background-size:cover;}
.about_one .info{position: absolute;left:0;bottom:0;width:50%;height:0;background-color:rgba(0,56,118,0.6);}
.about_one .middle{padding:0 10%;color:#fff}
.about_one strong{display: block;font-family:"font";font-size:40px;}
.about_one h2{font-size:30px;margin:30px 0;}
.about_one .line{width:2px;height:30px;background-color: #fff;}
.about_one .content{margin-top:20px;line-height:30px;}
.about_one .num{width:824px;margin:0 auto;}
.about_one .num .item{float: left;width:274px;text-align: center;}
.about_one .num .item span{color:#e3001f;font-size:40px;padding-right:10px;}
.about_one .num .item em{color:#fff;font-size:16px;}
.about_one .num p{font-size:16px;color:#fff;padding-top:10px;}
.about_one .num .item:nth-of-type(2){border-left:1px solid #7dacda;border-right:1px solid #7dacda;}

.about_two{background:url(../images/banner1.jpg) center;background-size:cover;}
.about_two .bg{position: absolute;left:0;top:0;width:100%;height:100%;z-index:8;background-color:rgba(0,0,0,0.35);}
.about_two .content{position: relative;z-index:1000;color:#fff;text-align: center;}
.about_two h3{font-size:80px;}
.about_two strong{display: block;font-size:30px;font-family:"font";}
.about_two .div{position: relative;}
.son_son.swiper-container{overflow:inherit;}
.son_son .swiper-slide{-webkit-transition:transform 1.0s;-moz-transition:transform 1.0s;-ms-transition:transform 1.0s;-o-transition:transform 1.0s;-webkit-transform:scale(0.7);transform:scale(0.7);}
.son_son .swiper-slide-active,.son_son  .swiper-slide-duplicate-active{-webkit-transform:scale(1);transform:scale(1);}
.son_son .none-effect{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;}
.son_son .swiper-slide a{background:#fff;padding:10px;display:block;border-radius:14px;}
.son_son .swiper-slide-active a:after{background:none;}
.son_son .swiper-slide img{width:100%;border-radius:14px;display:block;}
.ab_banner .swiper-pagination{position:relative;margin-top:30px;margin-bottom:30px;}
.ab_banner .swiper-pagination-bullet{background:#003876;margin-left:4px;margin-right:4px;width:17px;height:17px;opacity:1;margin-bottom:4px;}
.ab_banner .swiper-pagination-bullet-active{width:13px;height:13px;background:#FFF;border:6px solid #003876;margin-bottom:0;}
.about_two .div .button1{position: absolute;left:0;top:50%;height:200px;width:100%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.about_two .div .swiper-button-prev, .about_two .div .swiper-button-next{width:100px;height:200px;background:rgba(0,56,118,0.6);margin:-100px 0 0 0;}
.about_two .div .swiper-button-prev{left:0;}
.about_two .div .swiper-button-next{right:0;}
.about_two .button1 i{display: inline-block;width:24px;height:34px;position: absolute;margin:-17px 0 0 0;}
.about_two .s11 i{background:url(../images/left_arrow.png) center/100% no-repeat;left:50%;top:50%;}
.about_two .s22 i{background:url(../images/right_arrow.png) center/100% no-repeat;right:50%;top:50%;}
.about_two .button1 .line{width:0px;height:1px;background-color: #fff;position: absolute;}
.about_two .s11 .line{right:0;top:50%;}
.about_two .s22 .line{left:0;top:50%;}
.about_two .s11:hover i{margin-left:-12px;}
.about_two .s22:hover i{margin-right:-12px;}
.about_two .s11:hover .line, .about_two .s22:hover .line{width:50px;}
.about_two .s11:hover, .about_two .s22:hover{background-color:rgba(0,56,118,1);}

.ab_banner{margin:50px auto 0;max-width:1600px;}

.about_three{background:url(../images/about4.jpg) center;background-size:cover;}
.about_three .div_box{position: absolute;left:0;top:0;width:100%;height:100%;z-index:8;background-color:rgba(0,0,0,0.65);}
.about_three .div{float: left;width:16.66666666666667%;height:100%;position: relative;webkit-transition: all 0.65s ease-out;transition: all 0.65s ease-out;background: -webkit-linear-gradient(180deg, rgba(0,56,118, 0.9), rgba(0,56,118, 0.8), rgba(0,56,118, 0), rgba(0,56,118, 0));background: linear-gradient(270deg, rgba(0,56,118, 0.9), rgba(0,56,118, 0.8), rgba(0,56,118, 0), rgba(0,56,118, 0));background-position: 1% 50%;background-size: 300% 300%;}
.about_three .div h6{position: absolute;left:0;top:50%;width:100%;text-align: center;font-size:30px;color:#fff;font-weight:bold;-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.about_three .div:hover{opacity: 1;visibility: visible;background-position: 99% 50%;}
.about_three .div .p{opacity:0;visibility: hidden;padding:0 3%;font-size:20px;text-align: center;color:#fff;line-height:50px;position: absolute;left:0;top:70%;width:94%;-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.about_three .div:hover .p{top:50%;opacity:1;visibility: visible;}
.about_three .div:hover h6{opacity:0;}
.about_three .div .bg{position: absolute;left:0;bottom:0;width:100%;height:100%;background-color: #003876;}
.about_three .div .bg.h{height:0;}
/*===================== 关于我们 END =====================*/

/*===================== 响应式代码 START =====================*/
@media( max-width:1700px ){
	.inner{width:1400px;}
	.index_pro .more .upp{font-size:38px;}
	.f_two{margin-left:60px;}
	.footer .form{width:600px;}
}
@media( max-width:1500px ){
	.inner{width:1200px;}
	.index_pro .more{top:-50px;}
	.index_pro .more .upp{font-size:30px;}
	.index_adv .item2, .index_adv .item6{right:2%;}
	.index_adv .item1, .index_adv .item5{left:2%;}
	.f_two a{font-size:12px;}
	.f_two{width:300px;}
	.f_two .str, .f_one .str{font-size:22px;}
	.f_one p{font-size:14px;}
	.footer .form{width:550px;}
	.footer .yzm_code{height:40px;margin-top:10px;}
	.about_three .div .p{font-size:18px;}
	.product_son a{font-size:14px;}
	.nba_right .title{font-size:22px;}
	.nba_right .ele{line-height:36px;}
	.header ul li{width:90px;}
	#top_scroll{height:700px;}
	.so_banner .swiper-button-next:after{background-size:50%;right:91%}
	.so_banner .swiper-button-prev:before{background-size:50%;left:91%}
}
@media( max-width:1300px ){
	.inner{width:1000px;}
	.header ul li{width:70px;}
	.header ul li a{font-size:14px;}
	.index_pro .pad{padding:20px 10px;}
	.index_pro .more{top:-50px;}
	.index_pro .more span{font-size:14px;margin:10px 0;}
	.index_pro .mt{margin-top:40px;}
	.so_banner .swiper-slide{width:1000px;}
	.so_banner .ele{height:375px;}
	.so_banner .info{width:500px;height:375px;}
	.so_banner img, .so_banner .swiper-slide-next img{width:500px;}
	.so_banner .swiper-button-next{right:-500px;}
	.so_banner .swiper-button-prev{left:-500px;}
	#top_scroll ul li{width:32.33%;}
	.index_adv .item strong{font-size:24px;}
	.index_adv .item em{font-size:12px;}
	.index_adv .item span{width:42px;height:42px;line-height:42px;}
	.index_adv .call{width:600px;}
	.f_two{float: right !important;width:500px;margin:0;}
	.f_two a{font-size:14px;width:25%;}
	.footer .form{width:100%;margin-top:20px;float:left;}
	.footer .form .tex{height:80px;}
	.footer .form input.inp, .footer .form .yzm{height:38px;line-height:38px;}
	.footer .yzm_code{height:39px;margin:0;}
	.footer .sub{height:39px;}
	.footer{padding:30px 20px;}
	.about_three .div h6{font-size:24px;}
	.about_three .div .p{font-size:14px;}
	.product_son a{font-size:12px;}
	.footer_top .call{font-size:30px;}
	.contact_box .c_info .dib{width:50%;margin-bottom:50px;}
	.contact_box h2{font-size:40px;}
	.contact_box h3{font-size:14px;}
	.contact_box .c_info{padding:50px 0 0;}
	.right_div .dib strong{font-size:40px;}
	.right_div .dib p{font-size:12px;}
	.right_div .more, .right_div .bt{float:none;}
	.right_div .more{margin-top:14px;}
	.right_div .text{padding:20px 0;}
}
@media( max-width:1100px ){
	.wap_show{display: block !important;}
	.wap_none{display: none !important;}
	html, body{max-width:750px;margin:0 auto;overflow-x: hidden;}
	.inner{width:auto;padding:0 12px;}
	.news_box .time, .news_box li p, .case_box ul li .info em, #mouse, .about_two .div .swiper-button-prev, .about_two .div .swiper-button-next, .about_one .line, .about_one strong, .f_one, .footer_top .call, .index_news ul li .look, .index_adv .call span, #top_scroll ul li .block, .so_banner .middle p, .so_banner .middle em, .index_pro .more, .banner .bl, .banner .br{display: none;}
	.pub_title{padding:26px 0;}
	.pub_title h3{font-size:20px;}
	.pub_title p{font-size:12px;line-height:30px;padding:0 20px;}
	.pub_title p:after, .pub_title p:before{top:15px;width:10px;}
	.pub_title p:before{left:0;}
	.pub_title p:after{right:0;}
	.index_pro .list{width:100%;}
	.index_pro .list a{font-size:14px;padding-right:12px;margin-bottom: 10px;}
	.index_pro .list a:after{right:3px;top:0;}
	.so_banner .swiper-slide{width:100%;}
	.so_banner img, .so_banner .swiper-slide-next img{width:auto;max-width:100%;float:none;margin:0 auto;}
	.so_banner .middle{padding:12px;text-align: center;background-color: #f5f5f5;}
	.so_banner .info, .so_banner .ele{width:100%;height:auto;}
	.so_banner .swiper-slide-next img{position: relative;}
	.so_banner .middle{opacity:1;top:0;visibility: visible;}
	.index_pro .mt{margin-top:20px;}
	.index_pro{padding-bottom:0px;}
	.index_scroll{margin:20px auto;}
	#top_scroll{height:500px;}
	#top_scroll ul li{width:49%;}
	#top_scroll ul li h3{font-size:14px;}
	.index_about .title{height:200px;}
	.index_about .title h4{font-size:18px;}
	.index_about .title p{font-size:12px;margin:10px 0;}
	.index_about .title .more{width:120px;height:32px;line-height:32px;font-size:14px;}
	.index_about .w50{width:100%;float:none;}
	.left_div{background:none;height:auto;}
	.right_div{margin:0;height:auto;padding:20px 0;}
	.right_div .middle{padding:0 14px;}
	.right_div .ab{height:22px;}
	.right_div h2{font-size:20px;margin:10px 0;}
	.right_div .line{width:80px;}
	.right_div .text{font-size:14px;line-height:22px;}
	.right_div .dib strong{font-size:20px;}
	.right_div .dib i{font-size:12px;}
	.index_case .box{float:none;width:100%;border:none;height:auto;}
	.index_case .text{float:none;width:100%;box-sizing:border-box;height:150px;padding:0 12px;}
	.index_case .text p{font-size:12px;line-height:22px;margin-top:20px;}
	#scroll_two ul li{width:200px;margin-right:10px;}
	#scroll_two{height:150px;loat:none;width:100%;}
	#scroll_two ul li h3{font-size:14px;}
	.index_case{height:auto;padding-bottom:20px;}
	.index_adv .title{padding:20px 0;}
	.index_adv .title .oh{margin:5px 0;}
	.index_adv .title img{max-width:70%;}
	.index_adv h3{font-size:18px;}
	.index_adv .p{font-size:12px;margin:20px 0;line-height:20px;}
	.index_adv .item{position: relative;left:0;top:0;margin-bottom:20px;text-align: center;}
	.index_adv .item_box img{width:220px;height:220px;margin: -110px 0 0 -110px;}
	.index_adv .item_box .rotate{width:280px;height:277px;}
	.index_adv .img_box{margin-top:40px;overflow: hidden;}
	.index_adv .item .line{margin:10px 0;background-color: #f1f1f1;}
	.index_adv .item strong{font-size:20px;}
	.index_adv .item span{width:30px;height:30px;line-height:30px;font-size:14px;}
	.index_adv{padding-bottom:20px;}
	.index_adv .item_box{height:auto;overflow: hidden;}
	.index_adv .call{width:100%;margin:20px auto 0;}
	.index_adv .call a{display: block;line-height: 35px;font-size:18px;}
	.index_video .title{padding:20px 0;}
	.index_video .title span{font-size:14px;}
	.index_video .title h3{font-size:30px;}
	#scroll_one{height:188px;}
	#scroll_one ul li{width:200px;margin-right:10px;}
	#scroll_one ul li h3{font-size:14px;}
	.button_three{margin:20px auto 0;}
	.index_video{height:auto;padding-bottom:20px;margin-bottom:20px;}
	.index_news .title .fl{float:none;}
	.index_news .more{float:none;}
	.index_news strong{font-size:20px;}
	.index_news h4{font-size:36px;}
	.index_news .more{width:140px;height:32px;line-height:32px;font-size:14px;margin-top:20px;}
	.index_news ul{margin:20px 0;}
	.index_news ul li{width:100%;margin:0 0 20px;}
	.index_news ul li p{line-height:24px;height:48px;}
	.index_news ul li a{padding:16px;}
	.index_news ul li h3{font-size:16px;}
	.footer_top .img{float:none;width:100%;}
	.footer_top .middle{padding:0 14px;}
	.footer_top strong{font-size:20px;}
	.footer_top .but{width:120px;height:32px;line-height:32px;margin-top:10px;font-size:14px;}
	.f_two{float:none !important;width:100%;}
	.f_two a{width:50%;font-size:12px;}
	.copyright a, .copyright span{font-size:12px;margin:0 4px;}
	.copyright{height:auto;line-height:30px;padding:6px 0;}
	.footer{padding:14px 0;}
	.footer .form input.inp{width:100%;float:none;font-size:12px;}
	.footer .form .yzm_box{width:100%;}
	.footer .sub{float:none;width:100%;margin-top:10px;}
	.footer .form .tex{margin-top:10px;font-size:12px;}
	.footer .form .yzm{font-size:12px;}
	.about_one .info{width:100%;}
	.about_one h2{font-size:20px;margin:20px 0;}
	.about_one .content{margin:0;height:312px;overflow: hidden;}
	.about_three .div{width:33.33%;height:50%;}
	.about_three .div h6{font-size:18px;}
	.about_three .div .p{font-size:12px;line-height:26px;}
	.product_son a{width:24%;margin: 0 0.5% 10px;}
	.news_box ul li, .product_box ul li, .case_box ul li, .video_box ul li, .factory_box ul li{width:49%;}
	.nba_right, .nba_info{width:100%;float:none;}
	.news_box_article{padding:40px 0;}
	.nba_right .line{margin:10px 0;}
	.tb_title h3, .top_banner.article h3{font-size:1rem;margin-bottom:0.4rem;}
	.tb_title em, .top_banner.article em{font-size:0.5rem;}
	.video_box, .factory_box{padding:40px 0;}
	.contact_box .c_title{padding:40px 0 0;}
	.contact_box h2{font-size:30px;}
	.contact_box .c_info p{font-size:14px;}
	.factory_box ul li .title, .video_box ul li .title, .product_box ul li .title{font-size:14px;height:30px;line-height:30px;}
	#allmap{height:400px;}
	.header, .header.change{background-color: rgba(0,0,0,.75);height:50px;line-height:50px;}
	.about_two .div .button1, .header .lang, .header .nav_box, .product_son a.shiny .title:before, .product_son a.shiny .title:after{display: none;}
	.header img, .header.change img{height:40px;margin-top:5px;}
	.header_height{height:50px;}
	.case_box ul li .title{font-size:14px;}
	.case_box ul li .info strong, .case_box ul li .info span{font-size:12px;line-height:20px;}
	.contact_box .c_info span{padding:10px 0;font-size:14px;}
	.product_box ul li .middle{font-size:12px;}
	.product_box ul li i{width:20px;height:20px;}
	.news_box li h3{font-size:14px;margin-top:10px;}
	.news_box li .view{font-size:12px;margin-top:10px;}
	.news_box ul li, .product_box ul li, .case_box ul li, .video_box ul li, .factory_box ul li{margin:0 0.5% 20px;}
	.nba_right .page_no{font-size:14px;height:28px;line-height:28px;}
	.nba_info{margin-top:20px;padding-top:20px;border-top:1px solid #f1f1f1;font-size:14px;}
	.product_son a{height:42px;}
	.about_one .middle{padding:0 12px;}
	.fixed-right .jm-top, .fixed-right .jm-call{width:38px;height:38px;}
	.fixed-right{width:38px;right:12px;}
	.news_box{padding:40px 0;}
	.inner_son_nav{height:40px;line-height:40px;}
	.inner_son_nav a{font-size:12px;}
}

.h900 .about_one .line, .h850 .about_one .line, .h800 .about_one .line, .h750 .about_one .line, .h700 .about_one .line, .h600 .about_one .line{display: none;}
.h900 .about_one strong, .h850 .about_one strong, .h800 .about_one strong, .h750 .about_one strong, .h700 .about_one strong, .h650 .about_one strong{font-size:20px;}
.h900 .about_one h2, .h850 .about_one h2, .h800 .about_one h2, .h750 .about_one h2, .h700 .about_one h2, .h650 .about_one h2{font-size:24px;margin:15px 0;}
.h900 .about_one .content, .h850 .about_one .content, .h800 .about_one .content, .h750 .about_one .content, .h700 .about_one .content, .h650 .about_one .content{line-height:24px;font-size:14px;}
.h900 .about_two h3, .h850 .about_two h3, .h800 .about_two h3, .h750 .about_two h3, .h700 .about_two h3, .h650 .about_two h3{font-size:50px;}
.h900 .about_two strong{font-size:18px;}
.h900 .ab_banner, .h850 .ab_banner, .h800 .ab_banner, .h750 .ab_banner, .h700 .ab_banner, .h650 .ab_banner{max-width:800px;}
/*===================== 响应式代码 END =====================*/